<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./JS/vue.global.js"></script>
  </head>
  <body>
   
      

      <div id="app">
        <!-- 用于解析标签体内容 -->
        <h1>插值语法</h1>
        <h3>Hello, {{ message}}</h3>
        <h3>Hello, {{school.message}}</h3>
        <hr>
        <!--  用于解析标签 -->
        <h1>指令语法</h1>
       <a v-bind:href="url">点击进入</a><br>
       <a :href="url">点击进入</a>
      </div>
      

      <script>
  
 
  Vue.createApp({
          data() {
          return {
             message:'word',
           url:"http://127.0.0.1:5500/JS%E6%A1%86%E6%9E%B6/%E6%90%AD%E5%BB%BAvue.html",
           school:{ message:"word2"}
        }
           }
           }).mount('#app')
      </script>
    </div>
  </body>
</html>
